<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <% include ../../ejs/_meta.ejs %>
    <title>VDENZ维町定制众筹</title>
    <% include ../../ejs/_css.ejs %>
    <link rel="stylesheet" type="text/css" href="../../css/home/index.css" inline>
</head>

<body class="body-bg" ontouchstart>
    <div class="m-page">
        <header class="m-navbar">
            <div class="n-title">VDENZ<span class="t-sub">维町定制众筹</span></div>
            <div class="n-btns">
                <a href="javascript:;" class="n-btn icon-menu"></a>
                <a href="javascript:;" class="n-btn icon-user"></a>
            </div>
        </header>
        <section class="m-content">
            <div class="m-items">
                <!--  animated flipInX -->
                <div class="m-item">
                    <div class="i-bar" data-view="user/about.html">关于VDENZ<i class="icon-arrow"></i></div>
                    <div class="i-bar topline" data-view="user/contact.html">联系我们<i class="icon-arrow"></i></div>
                </div>
                <div class="m-item">
                    <div class="i-bar" data-view="user/support.html">我支持的<i class="icon-arrow"></i></div>
                    <div class="i-bar topline" data-view="user/collect.html">我关注的<i class="icon-arrow"></i></div>
                    <div class="i-bar topline" data-view="user/center.html">用户中心<i class="icon-arrow"></i></div>
                </div>
            </div>

            <div class="m-blocks">
                <div class="m-block" data-id="1">
                    <div class="b-img">
                        <img src="../../img/timg.jpg" alt="">
                    </div>
                    <div class="b-det">
                        <div class="det-tle">VDENZ快速动力系统跑鞋</div>
                        <div class="det-con">这款Swift Run运动鞋，融合日常款式和典雅运动风格，胜任长期日常穿着。基于adidas传统跑步鞋风格，注入创新元素。这款女子跑步鞋，采用袜套式弹力针织鞋面打造，有效支撑，贴合舒适。缀浮面三条纹和刺绣细节，低调有型。</div>
                        <div class="m-progress">
                            <div class="m-progress-bar">
                                <div class="m-progress-inner-bar js_progress" style="width: 80%;"></div>
                            </div>
                        </div>
                        <div class="det-infos">
                            <div class="det-info on">
                                <div class="info-num">80%</div>
                                <div class="info-tle">当前进度</div>
                            </div>
                            <div class="det-info">
                                <div class="info-num">1120</div>
                                <div class="info-tle">支持人数</div>
                            </div>
                            <div class="det-info">
                                <div class="info-num">8</div>
                                <div class="info-tle">剩余天数</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-block"  data-id="1">
                    <div class="b-img">
                        <img src="../../img/timg.jpg" alt="">
                    </div>
                    <div class="b-det">
                        <div class="det-tle">VDENZ快速动力系统跑鞋</div>
                        <div class="det-con">这款Swift Run运动鞋，融合日常款式和典雅运动风格，胜任长期日常穿着。基于adidas传统跑步鞋风格，注入创新元素。这款女子跑步鞋，采用袜套式弹力针织鞋面打造，有效支撑，贴合舒适。缀浮面三条纹和刺绣细节，低调有型。</div>
                        <div class="m-progress">
                            <div class="m-progress-bar">
                                <div class="m-progress-inner-bar js_progress" style="width: 110%;"></div>
                            </div>
                        </div>
                        <div class="det-infos">
                            <div class="det-info on">
                                <div class="info-num">110%</div>
                                <div class="info-tle">当前进度</div>
                            </div>
                            <div class="det-info">
                                <div class="info-num">5000</div>
                                <div class="info-tle">支持人数</div>
                            </div>
                            <div class="det-info">
                                <div class="info-num">2</div>
                                <div class="info-tle">剩余天数</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="m-qrcode">
                <div class="q-img">
                    <img src="../../img/qrcode.jpg" alt="VDENZ 维町定制">
                </div>
                <div class="q-tle">
                    长按二维码关注微信号：weidingdingzhi<br/>
                    率先了解维町众筹定制鞋的最新信息
                </div>
            </div>

            <div class="m-btm">
                <div class="b-tle">版权所有 &copy; 厦门唯定制网络科技有限公司</div>
                <div class="b-tle">匠心精神&nbsp;体验至上</div>
                <div class="b-tle">Copyright &copy; 2017 VDENZ</div>
            </div>
        </section>
    </div>
</body>
<%-include("../../ejs/_js.ejs", {env: env}) %>
<script type="text/javascript">
$(function() {
    var $btns = $('.n-btns');
    var $items = $('.m-items');

    $items.m_touch(function () {
        $(this).hide().children().hide();
        $btns.children().removeClass('on');
    });

    $items.m_delegate('.i-bar', function () {
        var $bar = $(this);
        jump.view($bar.data('view'));
    });

    $items.on('touchmove', function (event) {
        event.preventDefault();
    });

    $btns.m_delegate('.n-btn', function(){
        var $this = $(this);
        var index = $this.index();
        $this.toggleClass('on').siblings().removeClass('on');
        if ($this.hasClass('on') ) {
            $items.show().find(".m-item").eq(index).slideToggle(250).siblings().hide();
        } else {
            $items.hide().find(".m-item").hide();
        }
    });

    $('.m-block').m_touch(function () {
        var id = $(this).data('id');
        jump.view('goods/detail.html?id=' + id);
    });

    sessionStorage.removeItem('v_den_z_collect_status');
    sessionStorage.removeItem('v_den_z_support_status');
});
</script>

</html>